<template>
	<el-row style="min-height: 100px;">
			<draggable :list="content" group="default"  :animation="300">
				<div v-for="item in content" >111</div>
			</draggable>
		<!-- <xw-draggable ref='XwDraggable' @draggable='draggable' /> -->
	</el-row>
</template>

<script>
	export default {
		data() {
			return {
				activeDraggable: null,
				content: [],
			}
		},
		computed: {
			list() {
				return this.content.map(item => {
					return {
						...item,
						props: item.props(),
						rule: item.rule()
					}
				})
			}
		},
		methods: {
			draggable(e){},
		}
	}
</script>